<template>
    <div class="main">
        <el-row class="datarow">
      </el-row>
      <el-row class="datarow bgrow">
      </el-row>
      <!-- 工单号-->
      <el-row class="datarow bgrow">
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.ID') + ":"  }}</el-col>
        <el-col class="datacol" :span="20">{{ datas.keyId }}</el-col>
      </el-row>
      <!-- 资产编号，资产名称-->
      <el-row class="datarow">
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.assetCode') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.subAssetEntity.buAssetEntity.assetCode }}</el-col>
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.assetName') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.subAssetEntity.buAssetEntity.assetName }}</el-col>
      </el-row>
      <!-- 剧集编号，剧集名称-->
      <el-row class="datarow">
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.videoCode') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.subAssetEntity.subassetCode }}</el-col>
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.videoName') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.subAssetEntity.subassetName }}</el-col>
      </el-row>
        <!-- CDN发布状态，操作类型 -->
      <el-row class="datarow bgrow">
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.CDNDistributionStatus') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.distribute }}</el-col>
        <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.operationType') + ":"  }}</el-col>
        <el-col class="datacol" :span="dataSpan">{{ datas.action }}</el-col>
      </el-row>
        <!-- CDN注入开始时间，CDN注入结束时间-->
        <el-row class="datarow">
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.CDNStartTime') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.cdnInjectionStartTime }}</el-col>
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.CDNEndTime') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.cdnInjectionEndTime }}</el-col>
        </el-row>
        <!-- 创建时间，站点 -->
        <el-row class="datarow bgrow">
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.storageTime') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.createdDate }}</el-col>
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.CDNName') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.subAssetEntity.buAssetEntity.siteEntity.siteName }}</el-col>
        </el-row>
        <!-- 分发内容XML -->
          <el-row class="datarow">
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.distributingContentXML') + ":"  }}</el-col>
          <el-col class="datacol" :span="20">{{ datas.distributionContent }}</el-col>
        </el-row>
        <!-- 分发反馈内容XML -->
          <el-row class="datarow bgrow">
          <el-col class="labcol" :span="labelSpan">{{ $t('CDNInquire.distributingFeedbackContentXML') + ":"  }}</el-col>
          <el-col class="datacol" :span="20">{{ datas.distributeFeedback }}</el-col>
        </el-row>
    </div>

        
        
    
 
</template>

<script>

export default {
  
  name:'WaitReview',
  data () {
    
    return {
        titleSpan:24,
        labelSpan:4,
        dataSpan:8,
        isShowInfoForm: false,
        activeName: 'first',
        tableHeight:300,
        modelName:"media.model.WaitReview",
       
        
        // 编辑面板绑定的对象
        dataForm: {
            keyID: 0,
            version: 0,
            belongToAssets: "致命追击",
            subAssetName: "致命追击",
            itemNum: "1",
            time: "90分钟",
            definition:"是",
            resolution:"1920*1080",
            codeRate:"1300kbps",
            videoSize:"1.5G",
            originId:"121329_10503",
            absoluteURL:"http://www.haikan.com",
        },
        
    }
  },
  computed: {
      dDataSpan:function(){
          return 24 - this.labelSpan;
      }
  },
  methods:{
      
  },
  props:['datas'],
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.main{
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: #333333;
    font-family:"Microsoft YaHei";
    
}
.datarow {
    border: 1px solid #eeeeee;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    &:last-child {
      margin-bottom: 0;
    }
  }

.titlecol{
    font-weight: bold;
}

.labcol {
padding: 3px 3px 3px 5px;
border-radius: 4px;
font-size: 14px;
text-align:right;
border-right: 1px solid #eeeeee;
}

.datacol {
padding: 3px 3px 3px 3px;
border-radius: 0px;
text-align:left;

vertical-align: middle;
border-right: 1px solid #eeeeee;
}

.bgrow{
    background-color: #d4f1ff;
}

</style>
